<template>
  <div>
    <Carousel autoplay>
      <Carousel-item v-for="(item,key) in headerImg" :key="key" >
        <img :src="item" height="150" width="100%">
      </Carousel-item>
    </Carousel>
    <Row class-name="row">
      <i-col span="8" class-name="item" v-for="(item,key) in toolsData" :key="key">
        <router-link to="/home">
          <img :src="item.url" height="50" width="100%">
          <span class="toolName">{{item.text}}</span></router-link>
      </i-col>
    </Row>
    <c-footer></c-footer>
  </div>
</template>
<script>
  import CFooter from '../../components/Footer.vue'
  export default {
    data () {
      return {
        headerImg: [
          'http://jmwsoft.com/skins/ipc/Resources/homeImage/banner2new.png',
          'http://jmwsoft.com/skins/ipc/Resources/homeImage/banner1new.png',
          'http://jmwsoft.com/skins/ipc/Resources/homeImage/banner3new.png'
        ],
        toolsData: [
          {text: '代理收费', url: require('../../assets/svg/dlsf.svg')},
          {text: '建管收费', url: require('../../assets/svg/jgsf.svg')},
          {text: '设计收费', url: require('../../assets/svg/sjsf.svg')},
          {text: '可研收费', url: require('../../assets/svg/kysf.svg')},
          {text: '监理收费', url: require('../../assets/svg/jlsf.svg')},
          {text: '环评收费', url: require('../../assets/svg/hpsf.svg')}
          ]
      }
    },
    components: {
      CFooter
    }
  }
</script>
<style lang="scss">
  @import '../../assets/style/common';
  @import 'tool';

</style>
